<template>
	<view>
		<NavBar text='' />
		<!--  -->
		<view style="width: 100%; height: 200rpx;"></view>
		<view>
			<view class="flx2 flxAlign">
				<view class="headerimage">
					<image src="/static/reservationRegister/headers.png"></image>
				</view>
			</view>
			
			<view class="info">
				<view class="infoName">{{userinfo.name}}</view>
				<view class="info_ flx2">
					<view class="info_text">{{userinfo.zw}}</view>
					<view class="info_text" style="margin-left:20rpx;">{{userinfo.ks}}</view>
				</view>
			</view>
			<view class="flx2" style="margin-top:40rpx;">
				<view class="imagestext">
					<image src="/static/reservationRegister/seccore.png"></image>
				</view>
				<view class="ghcg">挂号成功</view>
			</view>
			<view style="color: #848484; text-align: center; font-size: 32rpx; margin-top:50rpx; font-weight: 600;">{{userinfo.dordername}}</view>
			<view style="width: 80%; margin: 0 auto; border: 1rpx dashed #cecece; line-height: 80rpx; text-align: center; font-size: 35rpx; color: #848484; border-right: none; border-left: none; margin-top:40rpx;">时间：{{userinfo.date}}</view>
			<view style="margin-top:50rpx;">
				<view style="text-align: center; margin-top:20rpx; color: #848484;">您的挂号已成功你在我的挂号订单中</view>
				<view style="text-align: center; margin-top:25rpx; color: #848484;">查看门诊号以及二维码</view>
				<view style="text-align: center; margin-top:25rpx; color: #848484;">注：挂号订单逾期作废</view>
			</view>
		</view>
		<view class="button" @click="wanchang">完成</view>
	</view>
</template>

<script>
	import NavBar from '@/components/NarBar.vue'
	export default {
		components: {
			NavBar
		},
		data(){
			return{
				userinfo:{
					name:'吕洪敏',
					zw:'主任医师',
					ks:'消化',
					status:0,
					dordername:'天津市第三中心医院',
					date:'2016-08-08 上午'
				}
			}
		},
		onLoad(params) {
			let arrays = JSON.parse(params.datas)
			console.log(arrays);
			this.userinfo.name = arrays.dortorname
			this.userinfo.ks = arrays.kmname
			this.userinfo.dordername = arrays.name
		},
		methods:{
			wanchang(){
				uni.switchTab({
					url:'/pages/index/index_index'
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f6f6f6;
	}
	.headerimage{
		width: 180rpx;
		height: 180rpx;
		image{
			width: 100%;
			height:100%;
		}
	}
	.info{
		.infoName{
			text-align: center;
			font-size: 35rpx;
			color: #848484;
		}
		.info_{
			.info_text{
				font-size: 25rpx;
				color: #848484;
			}
		}
	}
	.imagestext{
		width: 70rpx;
		height: 70rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.ghcg{
		font-size: 50rpx;
		color: #5fca8e;
		margin-left: 15rpx;
	}
	.button{
		width: 70%;
		margin:0 auto;
		background-color: #ff9900;
		line-height: 90rpx;
		color: #fff;
		text-align: center;
		letter-spacing: 1rpx;
		border-radius: 35rpx;
		margin-top: 100rpx;
	}
</style>